<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    /* 
        cookie
        作用：
        在浏览器中存储临时数据（用户基本信息，token）
        特点：
        cookie中最多可以存储4KB，
        cookie中的数据只能是文本字符
        cookie中的数据是由过期时间的,默认到会话结束就会过期，可以通过expires设置每个cookie值的过期时间
        cookie中的数据会随着当前网页中的http请求自动传输到服务器
    */
    //获取cookie中的值
    console.log(document.cookie);

    //保存值到cookie中
    document.cookie = "name=张三; expire="+new Date(new Date().getTime()+24*60*1000)
    //保存值到cookie中                  设置过期时间
    document.cookie = "age=30"
    //保存值到cookie中
    document.cookie = "sex=true"
    //保存值到cookie中
    document.cookie = "hobby=" + JSON[JSON.stringify([{ a: [], b: {}, c: "bajb" }, {},])]
    //保存值到cookie中
    //document.cookie="age=40" //同名会有覆盖现象
    //获取cookie中的值
    console.log(document.cookie);



    //功能：传入一个属性名，返回这个属性对应的值
    function getCookie(key) {
        //1.先获取cookie中的所有值(字符串类型)
        var c = document.cookie  //name=张三;sex=true;age=30
        //2.将字符串分割，用分号+空格 分割
        var arr = c.split(',')
        //3.遍历第2步得到的数组，将数组中每个字符串用=进行分隔，将分隔得到的属性名作为对象的属性名，将分割得到的属性值作为对象的属性值
        arr.forEach((item) => { //item是 "name=张三"或"sex=true"或"age=30"
            var arr2 = item.split('=')
        })
        return obj[key]
    }
</script>